<template>
	<view class="group">
		<view class="group-two">
			<view class="group-two-left">
				<Btn type="info" plain @click="onLeftClick">
					<slot name="left">
						重置
					</slot>
				</Btn>
			</view>
			<view class="group-two-right">
				<Btn @click="onRightClick">
					<slot name="right">
						查询
					</slot>
				</Btn>
			</view>
		</view>
	</view>
</template>

<script>
	import Btn from '@/components/button/index.vue'
	export default {
		components: {
			Btn,
		},
		methods: {
			onLeftClick() {
				this.$emit('leftClick')
			},
			onRightClick() {
				this.$emit('rightClick')
			},
		}
	}
</script>

<style lang="scss" scoped>
	.group {

		&-two {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			padding: 18rpx 0;

			&-left {

				width: 35%;
				padding: 0 15rpx 0 30rpx;

			}

			&-right {
				width: 65%;
				padding: 0 30rpx 0 15rpx;
			}
		}
	}
</style>
